<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"/>
    <style type="text/css">
        body{
            padding:10px 0;
            margin: 0;
        }
        .main {
            display: flex;
            max-width: 1200px;
            margin: 0 auto;
            /*height: 100%;*/
            border: 1px solid #409EFF;
            border-radius: 5px;
        }

        .main > .left {
            display: flex;
            background-color: #409EFF;
            width: 300px;
            padding: 20px;
            flex-direction: column;
        }

        .main > .right {
            flex-grow: 1;
            display: flex;
            padding: 20px;
            flex-direction: column;
        }

        /* left */
        .left .head {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .left .head img {
            border-radius: 5px;
            width: 120px;
            height: 160px;
        }

        .left .head h2 {
            font-size: 20px;
            margin: 5px 10px 0;
            color: #fff;

        }

        .left .title {
            display: flex;
            flex-direction: column;
        }
        .left .title>div:first-child{
            display: flex;
            align-items: center;
            height: 40px;
        }

        .left .title>div:first-child span {
            color: #fff;
            font-size: 18px;
        }

        .left .title>div:first-child h3 {
            color: #fff;
            font-size: 18px;
            margin: 0;
            padding-left: 10px;
        }
        .left .title>div:last-child{
            display: flex;
            flex-direction: column;
            padding-left: 20px;
        }
        .left .title>div:last-child div{
            display: flex;
            align-items: center;
            height: 20px;
        }
        .left .title>div:last-child div span{
            color: #fff;
            font-size: 14px;
        }
        .left .title>div:last-child div .width{
            display: block;
            width: 50px;
            text-align: right;
        }
        .left .title>div:last-child div a{
            text-decoration: none;
            color: #6ef519;
        }
        .left .title>div:last-child div>.right{
            width: 70px;
            text-align: right;
        }

        /* right */
        .right .content{
            display: flex;
            flex-direction: column;
        }

        .right .content .title{
            display: flex;
            height: 40px;
            align-items: center;
            color: #409EFF;
            font-size: 18px;
            border-bottom: 1px solid #409EFF;
            padding-left: 10px;
        }

        .right .content .title h3{
            margin: 0;
            padding-left: 10px;
        }

        .right .content h2{
            margin: 10px;
            padding-bottom: 10px;
            font-size: 18px;
            font-weight: 500;
            color: #409EFF;
        }
        .right .content > div .text{
            border-left: 2px solid #409EFF;
        }
        .right .content > div .text .item .dot{
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #409EFF;
            position: absolute;
            left: -7px;
        }

        .right .content > div .text .item{
            position: relative;
        }
        .right .content > div .text .item h3{
            margin: 0 20px 20px 20px;
            position: absolute;
            top: -10px;

        }
        .right .content > div .text .item > .txt{
           padding: 20px;
        }
        .txt p{
            margin: 0;
            margin-bottom: 10px;
        }
        .two-title{
            font-weight: 600;
        }
        ul{
            margin: 0;
            margin-bottom: 10px;
        }
    </style>
    <script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<div class="main">
    <div class="left">
        <div class="head">
            <img src="img/DSC_0011.jpg"/>
            <h2>黄祚敏的个人简历</h2>
            <h2>本人应聘前端工程师的职位</h2>
        </div>
        <div class="title">
            <div>
                <span class="fa fa-bookmark"></span>
                <h3>联系方式</h3>
            </div>
            <div>
                <div>
                    <span class="fa fa-phone"></span>
                    <span class="width">电话：</span>
                    <span>15733112788</span>
                </div>
                <div>
                    <span class="fa fa-qq"></span>
                    <span class="width">qq：</span>
                    <span>975156298</span>
                </div>
                <div>
                    <span class="fa fa-wechat"></span>
                    <span class="width">微信：</span>
                    <span>15733112788</span>
                </div>
                <div>
                    <span class="fa fa-envelope"></span>
                    <span class="width">邮箱：</span>
                    <span>975156298@qq.com</span>
                </div>
            </div>
        </div>
        <div class="title">
            <div>
                <span class="fa fa-bookmark"></span>
                <h3>个人信息</h3>
            </div>
            <div>
                <div>
                    <span class="right">工作年限：</span>
                    <span>两年</span>
                </div>
                <div>
                    <span class="right">毕业院校：</span>
                    <span>河北科技大学理工学院</span>
                </div>
                <div>
                    <span class="right">博客：</span>
                    <a href="http://975156298.iteye.com">http://975156298.iteye.com</a>
                </div>
                <div>
                    <span class="right">博客：</span>
                    <a href="http://blog.csdn.net/github_38186390">点击跳转到CSDN博客</a>
                </div>
                <div>
                    <span class="right">gitHub：</span>
                    <a href="https://github.com/975156298">https://github.com/975156298</a>
                </div>
                <div>
                    <span class="right">码云：</span>
                    <a href="https://gitee.com/huangzuomin/projects">点击跳转到码云创库</a>
                </div>
            </div>
        </div>
    </div>
    <div class="right">
        <div class="content">
            <div class="title">
                <span class="fa fa-bookmark"></span>
                <h3>项目经验</h3>
            </div>
            <div>
                <h2>武汉佰钧成（2018.6- 2018.9） 备注：项目结束</h2>
                <div class="text">
                    <div class="item">
                        <div class="dot"></div>
                        <h3>佣金系统</h3>
                        <div class="txt">
                            <div>
                                <span class="two-title">项目背景:</span>
                                <span>该系统主要是为了通过统计每个人这个月的销售业绩、从而计算出这个人这个月的佣金。</span>
                            </div>
                            <div>
                                <span class="two-title">项目内容:</span>
                                <span>该项目主要包括:用户权限设置，messageBox设置，佣金计算，归档，ps传导，佣金数据模块六大部分。</span>
                                <ul>
                                    <li>1.用户权限设置主要是通过配置不同的人属于哪个部门、该部门的人有哪些权限。</li>
                                    <li>2.messageBox设置主要是配置一些提升信息。</li>
                                    <li>3.佣金计算主要是通过获取相关员工的数据进行计算。</li>
                                    <li>4.归档主要是对一些旧数据进行逻辑删除的操作。</li>
                                    <li>5.ps传导主要是用来同步不同系统里面的相关数据。</li>
                                    <li>6.佣金数据模块主要是用于导入、导出相关用户的销售数据。</li>
                                </ul>
                            </div>
                            <div>
                                <span class="two-title">项目职责:</span>
                                <span>前端页面的开发、以及和后台（Java）进行交互。</span>
                            </div>
                            <div>
                                <span class="two-title">用到的技术:</span>
                                <ul>
                                    <li>1.利用vue-element-admin实现页面的整体布局。</li>
                                    <li>2.利用elementUI对页面内容的快速开发。</li>
                                    <li>3.利用vue、JavaScript对页面的逻辑功能进行书写。</li>
                                    <li>4.使用的插件包括：vue、vuex、vue-rotuer、vue-element-admin、elementUI、axios</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <h2>杭州商道科技有限公司（2018.3- 2018.6） 备注：公司倒闭</h2>
                <div class="text">
                    <div class="item">
                        <div class="dot"></div>
                        <h3>小金风控</h3>
                        <div class="txt">
                            <div>
                                <span class="two-title">项目背景:</span>
                                <span>该系统主要是在原项目基础下进行重复开发。</span>
                            </div>
                            <div>
                                <span class="two-title">项目内容:</span>
                                <span>该项目主要包括: 机构管理，权限管理，轮播管理，通知管理，用户管理，产品管理六大部分。</span>
                                <ul>
                                    <li>1.机构管理主要是对一些企业/集团进行新增、修改、启用、禁用操作，还包括机构的审核、机构账号的操作。</li>
                                    <li>2.权限管理主要是通过页面设置不同的用户进行不同的操作问题。</li>
                                    <li>3.轮播管理主要是用来设置图片的顺序进行移动端的显示。</li>
                                    <li>4.通知管理主要是通过设置通知模板来进行通知操作。</li>
                                    <li>5.用户管理主要用来对用户进行启用和禁用操作。</li>
                                    <li>6.产品管理主要是对各产品进行相关操作。</li>
                                </ul>
                            </div>
                            <div>
                                <span class="two-title">项目职责:</span>
                                <span>前端页面的开发、以及和后台（Java）进行交互。</span>
                            </div>
                            <div>
                                <span class="two-title">用到的技术:</span>
                                <ul>
                                    <li>1.利用vue-element-admin实现页面的整体布局。</li>
                                    <li>2.利用elementUI对页面内容的快速开发。</li>
                                    <li>3.利用vue、JavaScript对页面的逻辑功能进行书写。</li>
                                    <li>4.使用的插件包括：vue、vuex、vue-rotuer、vue-element-admin、elementUI、axios</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div>
                <h2>石家庄德泰信息系统有限公司（2016.5 - 2018.1） 备注：为了追求高深技术而离职</h2>
                <div class="text">
                    <div class="item">
                        <div class="dot"></div>
                        <h3>海军情报系统</h3>
                        <div class="txt">
                            <div>
                                <span class="two-title">项目背景:</span>
                                <span>该系统主要是为了解决海军日常办公交流和对外部数据获取。</span>
                            </div>
                            <div>
                                <span class="two-title">项目内容:</span>
                                <span>该项目主要包括: 邮件系统，动向情报，影音系统，公文系统，文件系统五大部分。</span>
                                <ul>
                                    <li>1.文件系统主要是文件查看，上传，下载，授权，收藏，审批等。</li>
                                    <li>2.公文系统包括:上传，下载，查看。</li>
                                    <li>3.影音系统包括:视频音频上传，下载，播放。</li>
                                    <li>4.动向情报包括:情报的获取显示。</li>
                                    <li>5.邮件系统包括:邮件的收，发邮件等。</li>
                                </ul>
                            </div>
                            <div>
                                <span class="two-title">项目职责:</span>
                                <span>前端页面的开发、以及和后台（Java）进行交互。</span>
                            </div>
                            <div>
                                <span class="two-title">用到的技术:</span>
                                <ul>
                                    <li>1.利用css、HTML实现页面的整体布局。</li>
                                    <li>2.利用bootstrap 3对页面内容的快速开发。</li>
                                    <li>3.利用JavaScript对页面的逻辑功能进行书写。</li>
                                    <li>4.使用的插件包括：zTree(树插件)，bootstrap框架，easyUI框架，H5文件上传、PDF.js</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="dot"></div>
                        <h3>数据分析系统</h3>
                        <div class="txt">
                            <div>
                                <span class="two-title">项目背景:</span>
                                <span>该系统主要是为了解决从外部获取数据并且对数据进行分析处理，从而将数据直观的表现出来。</span>
                            </div>
                            <div>
                                <span class="two-title">项目内容:</span>
                                <span>该项目主要包括分词模块、数据统计模块，知识库，统计分析，挖掘分析。</span>
                                <ul>
                                    <li>1.分词模块主要是对 分词进行检索、修改、删除、录入等。</li>
                                    <li>2.数据统计模块主要是通过后台对数据库的数据进行匹配从而将数据发送到页面。页面主要包括对数据的查询、修改、录入等功能。</li>
                                    <li>3.知识库主要是通过数据库获取数据然后以表格的形式进行显示。</li>
                                    <li>4.统计分析主要是以图和表的形式显示数据的分析结果。</li>
                                    <li>5.挖掘分析主要是对特定的事情进行更详细的分析。</li>
                                </ul>
                            </div>
                            <div>
                                <span class="two-title">项目职责:</span>
                                <span>前端页面的开发、以及和后台（Java）进行交互。</span>
                            </div>
                            <div>
                                <span class="two-title">用到的技术:</span>
                                <ul>
                                    <li>1.利用css、HTML实现页面的整体布局。</li>
                                    <li>2.利用bootstrap 3对页面内容的快速开发。</li>
                                    <li>3.利用JavaScript对页面的逻辑功能进行书写。</li>
                                    <li>4.使用的插件包括：my97-data(时间日期插件)，zTree(树插件)，bootstrap框架，easyUI框架，H5文件上传，echarts(画图)</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="dot"></div>
                        <h3>日志管理系统</h3>
                        <div class="txt">
                            <div>
                                <span class="two-title">项目背景:</span>
                                <span>该系统主要是为了解决从外部获取数据并且对数据进行分析处理，从而将数据直观的表现出来。</span>
                            </div>
                            <div>
                                <span class="two-title">项目内容:</span>
                                <span>该项目主要包括:概况，人员行为，重点监控，异常访问，软件状态，操作日志这几部分。</span>
                                <br>
                                <span style="margin-left: 4em">主要是通过图和表格来实现用户访问其他系统的记录。</span>
                                <ul>
                                    <li>1.概况显示日志的总体情况。</li>
                                    <li>2.人员行为重点显示每个人的操作情况。</li>
                                    <li>3.重点监控显示需要重点监控的人。</li>
                                    <li>4.异常访问显示出现的各种异常的次数。</li>
                                    <li>5.软件状态查看当前软件的运行状况。</li>
                                    <li>6.操作日志显示当前软件的操作问题。</li>
                                </ul>
                            </div>
                            <div>
                                <span class="two-title">项目职责:</span>
                                <span>前端页面的开发、以及和后台（Java）进行交互。</span>
                            </div>
                            <div>
                                <span class="two-title">用到的技术:</span>
                                <ul>
                                    <li>1.利用css、HTML实现页面的整体布局。</li>
                                    <li>2.利用bootstrap 3对页面内容的快速开发。</li>
                                    <li>3.利用JavaScript对页面的逻辑功能进行书写。</li>
                                    <li>4.利用canvas进行画图。 </li>
                                    <li>5.zTree(树插件)，bootstrap框架，easyUI框架，echarts(画图)。</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="dot"></div>
                        <h3>有缘天空</h3>
                        <div class="txt">
                            <div>
                                <span class="two-title">项目背景:</span>
                                <span>该系统主要是为了解决单身青年的结婚问题而开发的。</span>
                            </div>
                            <div>
                                <span class="two-title">项目内容:</span>
                                <span>该网站是微信公众号。主要功能是帖子的发送、修改、删除、查看。帖子可以进行评论等。</span>
                            </div>
                            <div>
                                <span class="two-title">项目职责:</span>
                                <span>主要负责该项目前端页面和后台维护页面的书写工作。</span>
                            </div>
                            <div>
                                <span class="two-title">用到的技术:</span>
                                <ul>
                                    <li>1.利用css、HTML实现页面的整体布局。</li>
                                    <li>2.利用JavaScript对页面的逻辑功能进行书写。</li>
                                    <li>3.使用的插件包括：HTML的haml模板，Ruby On Rails框架</li>
                                </ul>
                            </div>
                            <div>
                                <span class="two-title">项目链接:https://gitee.com/liguangsong/blind.git</span>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="dot"></div>
                        <h3>购物系统</h3>
                        <div class="txt">
                            <p>书写项目的前台页面，利用js完成前端的购物工作，以及利用购物车保持商品。</p>
                            <p>前端使用的是HTML的haml模板，框架采用的是Ruby On Rails</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="title">
                <span class="fa fa-bookmark"></span>
                <h3>技能清单</h3>
            </div>
            <div>
                <h2>前端</h2>
                <div class="text">
                    <div class="item">
                        <div class="dot"></div>
                        <h3>HTML5/CSS3</h3>
                        <div class="txt">
                            <p>能够编写语义化的 HTML，模块化的 CSS，完成较复杂的布局</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="dot"></div>
                        <h3>JavaScript</h3>
                        <div class="txt">
                            <p>熟悉JavaScript，主要使用jQuery类库进行开发，通过jQuery进行页面dom的操作。</p>
                            <p>能运用模块化、面向对象的方式编程</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="dot"></div>
                        <h3>bootstrap框架</h3>
                        <div class="txt">
                            <p>能够使用bootstrap框架进行页面的快速的开发。</p>
                            <p>通过bootstrap实现响应式的布局</p>
                        </div>
                    </div>
                    <div class="item">
                        <div class="dot"></div>
                        <h3>easyUI框架</h3>
                        <div class="txt">
                            <p>能够使用easyUI框架进行后台功能页面的快速开发。</p>
                        </div>
                    </div>
                </div>
                <h2>后端</h2>
                <div class="text">
                    <div class="item">
                        <div class="dot"></div>
                        <h3>nodeJs</h3>
                        <div class="txt">
                            <p>了解nodejs的相关技术。</p>
                            <p>结合mongodb数据库，完成小型的项目开发。</p>
                            <p>使用npm工具进行插件的下载与使用。</p>
                        </div>
                    </div>
                </div>
                <h2>其他</h2>
                <div class="text">
                    <div class="item">
                        <div class="dot"></div>
                        <div class="txt">
                            <p>能够独立的使用ubuntu16.04系统。</p>
                            <p>一般采用chrome浏览器通过翻墙，进行相关技术的搜索。以及利用chrome控制台进行页面的调试</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>